<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
		<link rel="stylesheet" href="../../css/public.css" media="all">
		<style>
			body {
            background-color: #ffffff;
        }
    </style>
	</head>
	<body>
		<div class="layui-form layuimini-form">

			
			<div class="layui-form-item">
					<input id="id" name="id" type="hidden" />
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label required">主机ip</label>
				<div class="layui-input-block">
					<input type="text" name="computerIp" id="computerIp" value="" class="layui-input layui-disabled" lay-verify="required" >
				</div>
			</div>

	<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>


		</div>
		</div>
		<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
		<script src="../../js/lay-config.js" charset="utf-8"></script>

		<script>
			layui.use(['form', 'table', 'http'], function() {
				var $ = layui.jquery,
					form = layui.form,
					table = layui.table,
					http = layui.http;

                   var computerIp=$('#computerIp').val();
		
						table.render({
							elem: '#currentTableId',
							url: "http://"+computerIp+":8091/process/findAllProcessesinfo",
							toolbar: '#toolbarDemo',

							cols: [
								[{
										field: 'name',
										//width: 150,
										title: '名称',
										align: "center"
									},
									{
										field: 'rss',
										//width: 150,
										title: 'rss',
										align: "center"
									},

									{
										field: 'mem',
										title: 'mem',
										align: "center",
										sort: true
									},

									{
										field: 'cpu',
										title: 'cpu',
										align: "center",
										sort: true
									},

									{
										field: 'vsz',
										title: 'vsz',
										align: "center"
									},

									{
										field: 'pid',
										title: 'pid',
										align: "center",
										sort: true
									}
								]
							],


						});
						
			

 
			});
		</script>
	</body>
</html>
